doctype html
html
  head
    title NodeAuth
    meta(charset="utf-8")
    meta(http-equiv="X-UA-Compatible" content="IE=edge")
    meta(name="viewport" content="width=device-width, initial-scale=1")
    // Bootstrap 5 CSS
    link(href='/stylesheets/bootstrap.min.css', rel='stylesheet' crossorigin='anonymous')
    link(rel='stylesheet', href='/stylesheets/style.css')
    link(rel='icon' href='/favicon.ico')

  body
    nav.navbar.navbar-expand-lg.navbar-dark.bg-dark
      .container-fluid
        a.navbar-brand(href="/") NodeAuth
        button.navbar-toggler(type="button", data-bs-toggle="collapse", data-bs-target="#navbarNav", aria-controls="navbarNav", aria-expanded="false", aria-label="Toggle navigation")
          span.navbar-toggler-icon
        #navbarNav.collapse.navbar-collapse
          ul.navbar-nav.me-auto.mb-2.mb-lg-0
            li.nav-item
              a.nav-link(href="/", class=(title === 'Members') ? 'active' : '', aria-current=(title === 'Members') ? 'page' : undefined) Members

            if !user
              li.nav-item
                a.nav-link(href="/users/register", class=(title === 'Register') ? 'active' : '', aria-current=(title === 'Register') ? 'page' : undefined) Register
              li.nav-item
                a.nav-link(href="/users/login", class=(title === 'Login') ? 'active' : '', aria-current=(title === 'Login') ? 'page' : undefined) Log In

          if user
            ul.navbar-nav.ms-auto
              li.nav-item
                a.nav-link(href="/users/logout") Logout

    include toast.pug

    block content


    footer
      p.text-center &copy; 2016 MAshraf

    script(src='/javascripts/bootstrap.bundle.min.js', crossorigin='anonymous')
    script(src="/javascripts/register.js", crossorigin='anonymous')
